<template>
	<view class="bank-logo-wrapper mr25 flex-c">
		<image class="bank-logo" v-if="name.includes('招商银行')" src="/static/images/zsyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('邮政银行')" src="/static/images/yzyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('农业银行')" src="/static/images/nyyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('中国银行')" src="/static/images/zgyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('建设银行')" src="/static/images/jsyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('平安银行')" src="/static/images/payh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('天津银行')" src="/static/images/tjyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('北京银行')" src="/static/images/bjyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('平安银行')" src="/static/images/payh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('华夏银行')" src="/static/images/hxyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('兴业银行')" src="/static/images/xyyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('交通银行')" src="/static/images/jtyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('中信银行')" src="/static/images/zxyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('光大银行')" src="/static/images/gdyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('兰州银行')" src="/static/images/lzyh.png" mode=""></image>
		<image class="bank-logo" v-else-if="name.includes('民生银行')" src="/static/images/msyh.png" mode=""></image>
		<image class="bank-logo" v-else src="/static/images/other.png" mode=""></image>
	</view>
</template>

<script>
import { defineComponent } from 'vue'

export default defineComponent({
	props: {
		name: {
			type: String,
			default: ''
		}
	},
	setup() {
		return {
			
		}
	}
})
</script>

<style lang="scss" scoped>
.bank-logo-wrapper{ 
	.bank-logo{
		width: 80rpx;
		height: 80rpx;
	}
}	
</style>